/**
 * CSS - Stylistic CSS Styles
 */

/* General */
html{
    font-size: 12px;
    font-family: Arial, sans-serif;
}
head{}
body{}

/* Begin Conteiner */
.conteiner{}

    /* Begin Header */
    .header {
        background: #ECECEC;
        border-bottom: 1px solid #979797;
        overflow: hidden;
        box-shadow: 0px 5px 10px #979797;
        position: fixed;
        width: 100%;
        z-index: 50;
        margin: -8px -7px;
    }
        .header-logo { float: left; margin: 5px 0 1px 30px; }


        /* Begin for Header Register */
        .header-menu-area { overflow: hidden; }
            /* Begin Login form */
            .header-login-form {
                float: right;
                margin-right: 30px;
            }
            .header-login-form ul { float: left;}
            .header-login-form ul li { float: left; list-style: none; margin-right: 10px;}
            .header-login-form ul li input {border: 1px solid #BBBBBB;color: #BBBBBB;height: 26px;}
            .header-login-form ul li ul.errorlist {
                font-size: 10px;
                color: red;
                margin-top: -11px;
            }
            .header-login-form ul li:first-child ul.errorlist { margin: -12px -184px 0 0; }
            .header-login-form .submit { height: 29px; float: left; margin-top: 13px;}
            /* End Login form */
            /* User Logged */
            .logged-user {
                color: #4F4F4F;
                float: right;
                font-weight: bold;
                margin-right: 20px;
            }
            .logged-user a {
                text-decoration: none;
                color: #4f4f4f;
            }
            .logged-user a:hover {
                text-decoration: underline;
            }
                .logged-user-name{ float: left; margin: 19px 10px 0 0;}
                .logged-user-photo{
                    box-shadow: 2px 2px 3px #4F4F4F;
                    float: left;
                    height: 50px;
/*
                    margin: 1px 30px 0 0;
*/
                    width: 50px;
                }
                .logged-user-menu{float: left; margin: 19px 10px 0 0; }
                    .logged-user-menu a{ text-decoration: none; color: #4f4f4f; font-weight: normal;}
                    .logged-user-menu a:hover { text-decoration: underline; }
            .header-search-box{ float: left; margin: 0px 0px 0px 35px;}
                .header-seach-form-field{
                    background: url("/mymedia/images/header-searchbox-lupa.png") no-repeat 240px 6px white;
                    border: 1px solid grey;
                    height: 26px;
                    width: 250px;
                    color: #BBBBBB;
                    padding-left: 10px;
                }
                .header-search-box ul.errorlist {
                    color: red;
                    font-size: 10px;
                    list-style: none outside none;
                    margin: 0 0 -12px;
                }
            .header-menu-options{ float: left; }
                .menu-options{ list-style: none;}
                .menu-options li{ float: left; height: 22px; width: 86px; padding: 7px 0 0 0; text-align: center;}
                .menu-options li a{ text-decoration: none; }
                    .menu-item-selected{
                        background: url("/mymedia/images/header-menu-item-selected.png") no-repeat scroll 0px 0px transparent;
                    }
                    .menu-item-selected a{ color: white; font-weight: bold;}
                    li.menu-item-selected a{ color: white;}
                    .menu-item{}
                    li.menu-item a { color: #4F4F4F; }
                    li.menu-item:hover{
/*
                        background: #49ABD5;
                        border-radius: 8px;
                        box-shadow: 0px 0px 3px #4F4F4F;
*/
                    }
                    li.menu-item a:hover {
                        background: #49ABD5;
                        border-radius: 8px;
                        color: white;
                        padding: 5px;
                    }
            /* End User Logged */

        /* End for Header Register */
    /* End Header */

    /* Begin Content */
    .content{ /*overflow: hidden;*/ margin: 0px auto; width: 880px; padding: 60px 0px; min-height: 450px;}

        /* Begin for Content Register */
        .accounts-register-welcome-image{ float: left; padding: 80px 0 0 20px; }
        .accounts-register-form{ float: left; padding: 100px 35px; }
            .accounts-register-form-title {
                color: #E44D24;
                font-size: 15px;
                font-weight: bold;
                background: url("/mymedia/images/register-form-title-shadow.png") no-repeat center bottom;
                height: 35px;
            }
                .form-title{ background: white; height: 31px; }
            .accounts-register-form-field {
                border: 1px solid #BBBBBB;
                color: #BBBBBB;
                height: 26px;
                width: 100%;
                padding-left: 5px;
            }
            .accounts-register-form-field:focus { box-shadow: 0px 0px 6px #ff6600; }
            .accounts-register-form .errorlist {
                list-style: none;
                padding: 0px;
                font-size: 10px;
                color: red;
                margin-bottom: -10px;
            }
                .form-register-eres-empresa {
                    color: grey;
                    font-size: 11px;
                    font-style: italic;
                    text-decoration: none;
                }
            #password-clear {
                display: none;
            }
            .accounts-register-form .submit {
                float: right;
                border: none;
                padding: 8px 6px 8px;
                color: white;
                background: url("/mymedia/images/register-form-submit-bg.png") no-repeat scroll 0 0 transparent;
            }
            .accounts-thanks-welcome-image{ text-align: center; }
            .accounts-thanks{ color: gray; font-size: 15px; margin: 16px 10px; text-align: center;}
        /* End for Content Register */
        /* Begin Dashboard */
        .content-dashboard{width: 565px; float: left;}
            .dashboard-list-topics{
                border: 1px solid #BBBBBB;
                border-radius: 7px 7px 7px 7px;
                height: 48px;
                margin: 20px 0;
                overflow: hidden;
                box-shadow: 1px 1px 7px #BBBBBB;
            }
                .list-topics{list-style: none; margin: 0; padding: 0;}
                .list-topics li{float: left; float: left; margin: 7px 11px;}
            /* Begin Item List */
            .dashboard-list-items{}
                /* Begin Item content */
                .item-content{
                    border: 1px solid #BBBBBB;
                    margin: 25px 0px;
/*
                    height: 250px;
*/
                }
                    .item-header{
                        background: #ECECEC;
                        border-bottom: 1px solid #BBBBBB;
                        height: 38px;
                        overflow: hidden;
                    }
                        .item-nombre{
                            color: #646464;
                            float: left;
                            font-size: 18px;
                            font-weight: bold;
                            margin: 9px 0px;
                        }
                        .item-nombre a {text-decoration: none; color: #646464;}
                        .item-nombre a:hover { text-shadow: 1px 4px 4px #646464;}
                        .item-score{float: right;margin: 12px 30px;}
                    .item-body{}
                        .recomendacion-destino{margin: 10px;}
                        .recomendacion-destino a{ color: #646464; font-weight: bold; text-decoration: none;}
                        .item-image{
                            border: 1px solid #9F9F9F;
                            height: 106px;
                            width: 106px;
                            margin: 30px 40px 0 20px;
                            float: left;
                        }
                            .item-image img {
                                padding: 3px;
                            }
                        .item-descripcion{
                            background: none repeat scroll 0 0 #ECF7FB;
                            border: 1px solid #D3DDE0;
                            border-radius: 5px 5px 5px 5px;
                            float: left;
                            height: 100px;
                            margin: 30px 0 0;
                            overflow: hidden;
                            padding: 4px;
                            text-align: justify;
                            width: 340px;
                        }
                    .item-footer{ margin: 30px 20px 10px; }
                        .item-comment{
                            float: right;
                            margin: 0px 25px 0px 0px;
                            width: 150px;
                        }
                            .mini-img-comment{
                                background: url("/mymedia/images/mini-img.png") no-repeat scroll -16px -1px transparent;
                                float: left;
                                height: 16px;
                                width: 16px;
                            }
                            .item-coment-text{margin: 0px 0px 0px 20px;}
                        .item-topico{
                            float: left;
                        }
                        .item-buttons{
                            float: right;
                        }
                /* End Item content */
            /* End Item List */
            /* Begin Recomend Item */
            .form-recomend-user{margin: 88px 60px;}
            .form-recomend-user input{
                background: url("/mymedia/images/crear-item.png") no-repeat scroll 0 0 transparent;
                border: medium none;
                color: white;
                float: right;
                padding: 9px 10px;
                margin-top: 13px;
            }
                .list-posible-user-recomend{}
                    .posible-user-recomend{ border-top: 1px solid grey; margin: 6px 0; }
                    .posible-user-recomend div{ margin-top: 5px; }
                        .user-recomend-name{/*height: 40px*/;width: 300px; margin-left: 15px;}
                        .user-recomend-checkbox{}
                        .list-item-recomend{float: left; /* margin: 15px 0;*/}
            /* End Recomend Item */
            /* Begin Eventos */
            .eventos-content{margin: 90px 10px;}
                .eventos-titulo{
                    font-size: 25px;
                    margin: 10px 0;
                }
                .eventos-list{}
                    .i-content{margin-bottom: 30px;}
                        .i-title{
                            background-color: #F2F2F2;
                            border-bottom: medium none;
                            border-top: 1px solid #E2E2E2;
                            padding: 4px 5px 5px;
                            font-weight: bold;
                        }
                            .i-title-options{
                                float: right;
                                height: 15px;
                                width: 60px;
                            }
                            .i-title-options a{  }
                                .i-title-options-edit{
                                    background: url("/mymedia/images/mini-imagenes2.png") no-repeat scroll -19px -1px transparent;
                                    height: 16px;
                                    width: 16px;
                                    float: left;
                                    margin-right: 20px;
                                }
                                .i-title-options-edit:hover{
                                    background: url("/mymedia/images/mini-imagenes2.png") no-repeat scroll -1px -1px transparent;
                                }
                                .i-title-options-delete{
                                    background: url("/mymedia/images/xxx.png") no-repeat scroll 0px 1px transparent;
                                    float: left;
                                    height: 16px;
                                    width: 16px;
                                }
                                .i-title-options-delete:hover{
                                    background: url("/mymedia/images/xxx.png") no-repeat scroll 0px -48px transparent;
                                }
                        .i-body{
                            padding: 10px;
                        }
                        .i-body a{color: black;}

                    .evento-item{
                        border: 1px solid;
                        margin: 12px 0;
                        overflow: hidden;
                        padding: 10px;
                    }
                    .evento-item a{ color: black; text-decoration: none; float: right;}
                    .evento-item a div:hover{ background: #1D9ACD; color: white; }
                    .evento-cuerpo{ float: left; width: 370px;}
                    .evento-editar{
                        background: url("/mymedia/images/register-form-submit-bg.png") no-repeat scroll 0 0 transparent;
                        border: medium none;
                        color: White;
                        float: right;
                        font-size: 14px;
                        font-weight: bold;
                        height: 33px;
                        width: 72px;
                        padding: 9px 12px;
                    }
                    .evento-editar a{text-decoration: none; color: white; font-size: 14px; }
            .evento-vacio{}

            .form-nuevo-evento{}
            .form-nuevo-evento .errorlist {
                list-style: none;
                padding: 0px;
                font-size: 10px;
                color: red;
            }
            .new-evento-table{}
            .new-evento-table tr{}
            .form-nuevo-evento input{}
            .form-nuevo-evento .submit{
                background: url("/mymedia/images/register-form-submit-bg.png") no-repeat scroll 0 0 transparent;
                border: medium none;
                color: White;
                float: right;
                font-size: 14px;
                font-weight: bold;
                height: 33px;
                width: 72px;
            }
            .field-evento-new{border: 1px solid grey; width: 85%;}}

            .evento{}
            .evento a{ float: right;}
            .evento-fields{
                border-bottom: 1px solid grey;
                margin: 10px;
                padding: 7px 0;
            }
                .evento-label{
                    color: #999;
                    font-weight: bold;
                    line-height: 15px;
                    float: left;
                    width: 140px;
                }
                .evento-field{float: left; margin-left: 10px; width: 360px;}
                .evento-field ul{
                    list-style: none outside none;
                    margin: 0px;
                    padding: 0px;
                }
                .evento-field ul li{}
            .invitados{}
            .evento-editar-btn{}
            .evento-editar-btn a{text-decoration:none;}

            /* End Eventos */
            /* Begin Mensajes */
            .list-content-user-messages{}
                .list-content-user-messages ul{list-style: none outside none;margin: 0px; padding: 0px;}
                    .content-user-messages{
                        border-top: 1px solid grey;
                        padding: 5px 0px;
                    }
                        .user-message-image{ float: left;}
                        .user-message-name{margin: 0px 60px;}
                        .user-message-name a{color: black;}
                        .user-message-last{margin: 5px 60px;}

            /* End Mensajes */
        /* End Content Dashboard */
        /* Begin Sidebar */
        .content-sidebar{
            background: none repeat scroll 0 0 #ECECEC;
            border-radius: 7px 7px 7px 7px;
            box-shadow: 0px 0px 10px #000000;
/*
            float: left;
*/
            /*height: 356px; no tocar*/
/*
            margin: 90px 0px 0px 72px;
*/
            margin: 90px 0px 0px 650px;
            width: 230px;
            position: fixed;
        }
            .sidebar-content{}
                .sidebar-user{
                    float: right;
                    margin: 17px 50px 0 0;
                }
                    .logbook-user-image{
                        border: 1px solid;
                        box-shadow: 0 0 5px #000000;
                        height: 100px;
                        margin: 4px 5px;
                        width: 100px;
                    }
                    .user-name{
                        color: #646464;
                        font-size: 18px;
                        font-weight: bold;
                        text-align: right;
                    }
                    .user-stars{
                        float: right;
                        margin: 0;
                        width: 120px;
                    }
                        .user-stars ul {
                            list-style: none outside none;
                            margin: 0px;
                            padding: 0px;
                        }
                        .user-stars ul li {
                            float: left;
                        }
                .sidebar-stadistic{
                    float: left;
                    margin: 0px 15px 0px;
                    width: 200px;
                }
                .sidebar-stadistic a{ text-decoration: none;}
                    .sidebar-stadistic-item{
                        background: none repeat scroll 0 0 #F6F4F4;
                        border-radius: 5px 5px 5px 5px;
                        height: 22px;
                        margin: 10px 0px;
                        box-shadow: 0px 0px 3px #646464;
                        color: #646464;
                    }
                    .sidebar-stadistic-item:hover {
                        box-shadow: 0px 0px 8px #646464;
/*
                        text-shadow: 1px 1px 6px;
*/
                        color: #646464;
                    }
                    .stadistic-fan{}
                    .stadistic-recomendations{}
                    .stadistic-comments{}
                        .stadistic-num{ color: #646464;
                            float: left;
                            font-size: 20px;
                            font-weight: bold;
                            margin: 0 8px;
                        }
                        .stadistic-nom{ color: #646464; font-size: 14px; padding: 3px;}
                .sidebar-menu-indicators{ float: left; margin: 10px 30px;}
                .sidebar-menu-indicators a{ text-decoration: none;}
                    .menu-indicators{ color: #646464; margin: 6px 0px;}
                    .menu-indicators:hover { text-shadow: 1px 1px 1px #646464;}
                .sidebar-new-item{}
                    .sidebar-new-item a{ text-decoration: none;}
                    .new-item-buttom{
                        background: url("/mymedia/images/sidebar-crear-nuevo-producto.png") no-repeat scroll 0 0 transparent;
                        color: white;
                        float: left;
                        font-size: 14px;
                        font-weight: bold;
                        height: 36px;
                        margin: 20px 0 0 20px;
                        padding: 9px 0 0 50px;
                        width: 184px;
                    }
        /* End Sidebar */
        /* Begin Item */
        .item-messages{}
            .message{
                color: #E64224;
                font-size: 23px;
                font-weight: bold;
            }
        .content-item{ margin: 36px 0 0; }
            /* item-body */
                .item-image-big{
                    border: 1px solid #9F9F9F;
                    height: 206px;
                    width: 206px;
                    margin: 30px 0px 0 20px;
                    float: left;
                }
                .item-image-big img{padding: 3px;}
                .item-descripcion-big{
/*
                    border: 1px solid;
*/
                    float: left;
                    height: 122px;
                    margin: 30px 0 0 40px;
                    text-align: justify;
                    width: 544px;
                }
                .item-image-all{
                    border: 1px solid #9B9B9B;
                    float: left;
                    height: 90px;
                    margin: 30px 0 0 40px;
                    width: 467px;
                    background: none repeat scroll 0 0 #ECECEC;
                }
                    .image-list{ list-style: none outside none; }
                        .image-little{
                            border: 2px solid #9B9B9B;
                            float: left;
                            height: 54px;
                            margin: 4px 12px 0px 0px;
                            width: 54px;
                        }
                        .image-little-ref{
                            border: 2px solid #9B9B9B;
                            float: left;
                            height: 64px;
                            margin: 4px 12px 0px 0px;
                            width: 64px;
                        }
                        .image-little img{padding: 2px;}
            /* item-footer */
                .item-details{ width: 244px; }
        .content-extra{}
            .extra-tags{
                border: 1px solid #9B9B9B;
                height: 160px;
                width: 261px;
                float: left;
            }
            .extra-links{
                border: 1px solid #9B9B9B;
                float: left;
                height: 160px;
                margin: 0 0 0 30px;
                width: 585px;
            }
            .extra-links p {
                margin: 5px 0 0 10px;
            }
        .content-comments{}
                .list-comment{}
                    .comment{
                        background: none repeat scroll 0 0 #E3F1F1;
                        border: 1px solid #9B9B9B;
                        height: 155px;
                        margin: 20px 0 0;
                    }
                        .comment-user-image{
                            background: none repeat scroll 0 0 white;
                            border: 2px solid #9B9B9B;
                            float: left;
                            height: 50px;
                            margin: 50px 0 0 17px;
                            width: 50px;
                        }
                        .comment-user{
/*
                            border: 1px solid;
*/
                            float: left;
                            height: 112px;
                            margin: 23px 0 0 20px;
/*
                            width: 570px;
*/
                        }
                            .comment-username{ margin: 0; }
                            .coment-date{ font-size: 10px; font-style: italic;}
                            .comment-text{
                                background: none repeat scroll 0px 0px #F7F7F7;
                                box-shadow: 0 0 3px #333333;
                                color: #333333;
                                font-style: italic;
                                height: 60px;
                                padding: 5px;
                                width: 500px;
                            }
                        .comment-options{float: left; margin: 50px 0; color: grey;}
                            .comment-options .num{}
                            .comment-options .link{}
                        .comment-options a{color: grey;}
                            .me-gusta-comentario{ overflow: hidden; margin-left: 6px;}
                            .me-gusta-comentario div{ float: left; font-size: 20px; margin-left: 2px;}
                            .me-gusta-img{
                                background: url("/mymedia/images/mini-imagenes3.png") no-repeat scroll -133px -299px transparent;
                                height: 18px;
                                margin: 0;
                                padding: 0;
                                width: 16px;
                            }
                            .me-gusta-img:hover{background: url("/mymedia/images/mini-imagenes3.png") no-repeat scroll -176px -242px transparent;}
                            .me-gusta-comentario a{text-decoration: none;}
                            .denunciar-comentario{ overflow: hidden; margin-top: 20px; margin-left: 6px;}
                            .denunciar-comentario div{ float: left; font-size: 20px; margin-left: 2px;}
                            .denuncia-comentario-img{
                                background: url("/mymedia/images/mini-imagenes3.png") no-repeat scroll -137px -38px transparent;
                                height: 18px;
                                margin: 0;
                                padding: 0;
                                width: 16px;
                            }
                            .denuncia-comentario-img:hover{background: url("/mymedia/images/mini-imagenes3.png") no-repeat scroll -115px -271px transparent;}
                            .denunciar-comentario a{text-decoration: none;}
                .list-comment-add{}
                    .comment-add{
                        background: none repeat scroll 0 0 #E3F1F1;
                        border: 1px solid #9B9B9B;
                        height: 155px;
                        margin: 20px 0 0;
                    }
                        .comment-user-image-add{
                            background: none repeat scroll 0 0 white;
                            border: 2px solid #9B9B9B;
                            float: left;
                            height: 50px;
                            margin: 50px 0 0 17px;
                            width: 50px;
                        }
                        .comment-user-add{
/*
                            border: 1px solid;
*/
                            float: left;
                            height: 112px;
                            margin: 23px 0 0 20px;
                            width: 570px;
                        }
                            .comment-user-add .errorlist {
                                color: red;
                                font-size: 10px;
                                list-style: none outside none;
                                margin: -13px 0 0 90px;
                                padding: 0;
                            }
                            .comment-username-add{ margin: 0; }
                            .comment-text-add{
                                height: 60px;
                                margin: 0;
                                width: 500px;
                            }
                        .comment-options-add{}
        /* End Item */
        /* Begin My Fans Items */
        .my-fans-items{}
            .fan-item{}
        /* End My Fans Items */
    /* End Content */

    /* Begin Footer */
    .footer{ margin: 15px 0 0 0px; }
        .footer-line-divisor{ text-align: center; }
        .footer-links{ margin: 10px 0 0 0; text-align: center; }
            .footer-links a { text-decoration: none; color: black; }
    /* End Footer */

/* End Conteiner */
.clear{
    clear: both;
}

/* Others */
.result-descripcion:hover { text-shadow: 0px 0px 6px #646464;}
.result-image:hover { box-shadow: 0px 0px 6px #646464;}


.logbook-content-list{}
.actividad-fan-content{border: 1px solid grey; overflow: hidden; margin: 30px;}
.actividad-user-orig{float: left; margin: 5px;}
    .actividad-imagen{}
.actividad-desc-content{
    background: none repeat scroll 0 0 #ECF7FB;
    border: 1px solid grey;
    border-radius: 9px 9px 9px 9px;
    float: left;
    margin: 3px;
    padding: 5px;
    width: 80%;
}
    .actividad-desc{}
    .actividad-fecha{}
    .actividad-item{}
